<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>map数据类型的遍历</title>
</head>
<body>
    
</body>
</html>

<script>
    //map对象可以使用keys()  values() entries() 都可以返回可以遍历的迭代对象
    let hd = new Map([['houdunren','后盾人'],['hdcms','开源系统']]);
    console.log(hd.keys());//MapIterator {"houdunren", "hdcms"}
    console.log(hd.values());
    console.log(hd.entries());

    //可以使用keys values 函数遍历键与值
    for(const key of hd.keys()){
        // console.log(hd.get(key));
        console.log(key);
    }

    for(const value of hd.values()){
        console.log(value)
    }


    //使用for of 遍历操作，直接遍历等同于使用entries()函数
    for(const [key,value] of hd){
        console.log(`${key} - ${value}`)
    }
    

    //使用foreach遍历操作
    hd.forEach((value,key) => {
        console.log(`${key} - ${value}`);
    });

</script>

